﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.mobile.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/base.css">

	<link rel="stylesheet" href="${pageContext.request.contextPath}/other/vip/css/bootstrap.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/other/vip/css/style.css" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/other/vip/js/jquery.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/other/vip/js/bootstrap.js"></script>

	<script src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
	<title>首页</title>


	<!--百度MIP加速代码 -->
	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

	<script type="text/javascript">
        $(document).ready(function() {
            if (IsPC()) {
                $(".model .content").css({"width":"1200px","margin":"0 auto","position":"relative"});
            } else {
                $(".model .content").removeClass();
            }
        });

        <!--浏览器判断-->
        function IsPC() {
            var userAgentInfo = navigator.userAgent;
            var Agents = [ "Android", "iPhone", "SymbianOS", "Windows Phone",
                "iPad", "iPod" ]; //常用的手机系统版本
            var flag = true; //建立标志
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                    flag = false; //如果是手机版本返回false
                    break;
                }
            }
            return flag;
        }
	</script>
</head>

<body>
<div class="wrap"></div>
<!-- 导航
	<div class="model" style="background-color: #393D49;">
		<div class="content">
				<div style=" float:left;">
					<ul class="layui-nav">
						<li class="layui-nav-item">
							<a href="${pageContext.request.contextPath}/home.html">首页</a>
						</li>

						<li class="layui-nav-item" lay-unselect="">
							<a	href="${pageContext.request.contextPath}/blog/vip.html">VIP视频解析</a>
						</li>

					</ul>
				</div>

				<div style="float:right;">
					<ul class="layui-nav">
						<li class="layui-nav-item" lay-unselect="">

							<a	href="javascript:;">旗下网站</a>
							<dl class="layui-nav-child">
									<dd>
										<a href="${pageContext.request.contextPath}/index.html">博客</a>
									</dd>
									<dd>
										<a href="http://photo.wurao.xin">相册</a>
									</dd>
							</dl>
						</li>
					</ul>
				</div>
				<div style=" clear:both;"></div>
			</div>
		</div>
		-->
<header>
	<div class="container">
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<!-- 手机自适应样式 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">导航切换</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<!--logo图标-->
					<a href="javascript:;" title="勿扰全网vip视频解析"><img src="${pageContext.request.contextPath}/static/images/logo.png"></a>

				</div>
				<!-- pc导航样式 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="javascript:;" target="_blank"> <span class="badge" style="background: red;margin-right:5px ;"></span><font style="color:lightgoldenrodyellow;">勿扰博客</font><span class="sr-only">(current)</span></a>
						</li>
						<li>
							<a href="${pageContext.request.contextPath}/blog/vip.html" target="_blank"><font style="color:lightgoldenrodyellow;"> <span class="badge" style="background: red;margin-right:5px ;">NEW</span>VIP视频解析</font><span class="sr-only">(current)</span></a>
						</li>
					</ul>
					<!--导航 右侧-->
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="badge" style="background: red;"></span>  <font style="color:lightgoldenrodyellow;">旗下网站 </font><span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="http://www.wurao.xin" target="_blank" title="勿扰互动分享（wurao.xin)，互动笔记、原创教程、资源分享、疑难解答、最新技术的一个信息交流、经验分享、互帮互助的平台">博客</a>
								</li>
								<li>
									<a href="http://photo.wurao.xin" target="_blank" title="相册集">相册集</a>
								</li>
								<li role="separator" class="divider"></li>
								<li>
									<a href="http://tao.wuzuowei.com" target="_blank" title="领取优惠券购物，不花冤枉钱">购BUY</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
			</div>
		</nav>
	</div>
</header>

<!-- 轮播 -->
<div class="model" style="background-color: rgba(255,255,255,.15);">
	<div class="content">
		<div style="width: 100%; padding: 10px 0px 10px 0px; overflow: hidden;">
			<div style="overflow: hidden; float: left;width: 50%; height: 400px; background-color: #cddc3945;">
				<a  href="javascript:;" title="魔都的夜">
					<img alt="魔都的夜" style="width:100%;height:100%;" src="${pageContext.request.contextPath}/static/userImages/xz.jpg" />
				</a>
			</div>
			<div style="overflow: hidden; float: left;width: 50%; height: 400px; background-color: #4caf5066;">
				<div style="overflow: hidden;height: 200px; background-color: #cddc397a;">
					<a  title="编程之路" >
						<img alt="编程之路" style="width:100%;height:100%;" src="${pageContext.request.contextPath}/static/images/home_2.jpg" />
					</a>
				</div>
				<div style="overflow: hidden;height: 200px; background-color: #4caf5066;">
					<div style="overflow: hidden;width: 50%; height:100%; float: left; background-color: #673ab77d;">
						<a title="java进阶之路" >
							<img alt="java进阶之路" style="width:100%;height:100%;" src="${pageContext.request.contextPath}/static/images/home_3.jpg" />
						</a>
					</div>
					<div style="overflow: hidden;width: 50%; height:100%; float: left;">
						<a  title="码农升级打怪之路" >
							<img alt="码农升级打怪之路" style="width:100%;height:100%;" src="${pageContext.request.contextPath}/static/images/home_4.jpg" />
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--content 内部   清除浮动 -->
		<div style=" clear:both;"></div>
	</div>
</div>

<div class="model" style="background-color: #ece9e9;">
	<div class="content">
		<div style="padding: 17px 0px 10px 0px; overflow: hidden;">
			<div  class="base_module" blogFenLeiId="1">
				<div class="m-tab">
					<div class="m-tab-title">
						<h3>java核心基础</h3>
						<div class="m-tab-title-act">
							<a href="${pageContext.request.contextPath}/index.html?typeId=1"><i></i>更多</a>
						</div>
					</div>
					<div class="m-tab-content">
						<ul>
							<c:forEach items="${blogList}" var="blog">
								<li>
									<i></i>
									<span><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate}" type="date"  pattern="yyyy年MM月dd日"/></a></span>
									<a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html">${blog.title}</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div  class="base_module" blogFenLeiId="2">
				<div class="m-tab">
					<div class="m-tab-title">
						<h3>随心生活</h3>
						<div class="m-tab-title-act">
							<a href="${pageContext.request.contextPath}/index.html?typeId=5"><i></i>更多</a>
						</div>
					</div>
					<div class="m-tab-content">
						<ul>
							<c:forEach items="${happyList}" var="blog">
								<li>
									<i></i>
									<span><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate}" type="date"  pattern="yyyy年MM月dd日"/></a></span>
									<a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html">${blog.title}</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div  class="base_module" blogFenLeiId="3">
				<div class="m-tab">
					<div class="m-tab-title">
						<h3>勿扰语录</h3>
						<div class="m-tab-title-act">
							<a href="${pageContext.request.contextPath}/index.html?typeId=17"><i></i>更多</a>
						</div>
					</div>
					<div class="m-tab-content">
						<ul>
							<c:forEach items="${wuraoList}" var="blog">
								<li>
									<i></i>
									<span><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate}" type="date"  pattern="yyyy年MM月dd日"/></a></span>
									<a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html">${blog.title}</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div  class="base_module" blogFenLeiId="4">
				<div class="m-tab">
					<div class="m-tab-title">
						<h3>破解软件</h3>
						<div class="m-tab-title-act">
							<a href="${pageContext.request.contextPath}/index.html?typeId=18"><i></i>更多</a>
						</div>
					</div>
					<div class="m-tab-content">
						<ul>
							<c:forEach items="${breakList}" var="blog">
								<li>
									<i></i>
									<span><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate}" type="date"  pattern="yyyy年MM月dd日"/></a></span>
									<a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html">${blog.title}</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
			<div  class="base_module" blogFenLeiId="5">
				<div class="m-tab">
					<div class="m-tab-title">
						<h3>java资源站</h3>
						<div class="m-tab-title-act">
							<a href="${pageContext.request.contextPath}/index.html?typeId=19"><i></i>更多</a>
						</div>
					</div>
					<div class="m-tab-content">
						<ul>
							<c:forEach items="${stationLIst}" var="blog">
								<li>
									<i></i>
									<span><a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html"><fmt:formatDate value="${blog.releaseDate}" type="date"  pattern="yyyy年MM月dd日"/></a></span>
									<a href="${pageContext.request.contextPath}/blog/articles/${blog.id}.html">${blog.title}</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>

		</div>
		<!--content 内部   清除浮动 -->
		<div style=" clear:both;"></div>
	</div>
</div>

<!-- 底部 内容 模块 -->
<div class="model" style="background-color: #0c0d0e;">
	<div class="content">
		<div style="padding: 20px 0px 20px 0px;">
			<!-- 【友情链接】开始  -->
			<fieldset class="layui-elem-field">
				<!-- <legend style="color: #795548">友情连接</legend> -->
				<div class="layui-field-box">
					<div class="link_list">
						<a target="_blank" href="https://www.fotor.com.cn/app.html">简单海报，名片制作</a>

						<a target="_blank" href="http://bj.96weixin.com">微信文章排版工具</a>

						<a target="_blank" href="http://unbug.github.io/codelf">编程命名网</a>

						<a target="_blank" href="http://www.easyicon.net">easyui图标下载</a>

						<a target="_blank" href="http://www.iconfont.cn">Alibaba国际站图标库</a>

						<a target="_blank" href="http://www.json.cn">格化GSON</a>

						<a target="_blank" href="https://www.52pojie.cn">吾爱破解</a>

						<a target="_blank" href="http://www.easyicon.net/covert">PNG转ICO,PNG转ICNS</a>

						<a target="_blank" href="https://tongji.baidu.com/web/25117147/homepage/index ">百度统计</a>
					</div>
				</div>
			</fieldset>
		</div>

	</div>
</div>

</body>
</html>